<!DOCTYPE html>
<html>
<head>
    <!--本软件版权归www.magicalcoder.com所有，著作权人：何栋宇，qq:799374340;如果您觉得好，欢迎购买我们的专业离线版，支持互联网创业，支持原创，在国内营造一个良性的知识付费氛围，大家都是受益者，一次购买永久免费升级哦，本软件已获得软件著作权。-->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="shortcut icon" href="favicon.ico"/>
    <title>MagicalDrag,elementUi,layui表单设计器-基于layui的可视化拖拽布局器</title>
    <meta name="description" content="layui表单设计,vue表单设计器,elementUi表单设计器,前端拖拽布局器,可视化拖拽布局器">
    <meta name="keywords" content="layui表单设计,vue表单设计器,elementUi表单设计器,前端拖拽布局器,可视化拖拽布局器">
    <!--基础界面样式-->
    <link rel="stylesheet" href="assets/drag/js/lib/ztree3/css/zTreeStyle/zTreeStyle.css" media="all">

    <!--layui样式-->
    <link href="assets/drag/layui-v2.4.5/layui/css/layui.css" rel="stylesheet">
    <link href="assets/drag/layui-v2.4.5/layui-ext.css" rel="stylesheet">


</head>
<body class="magicalcoder-edit" style="background-color:#eee;padding: 20px;">
<div class="layui-container" style="width: 60%;">
    <fieldset class="layui-elem-field">
        <legend>说明</legend><div class="layui-field-box">
        本版本专门提供给有集成布局器或者二次开发需求的用户使用。
    </div>
    </fieldset>
    <div class="layui-card">
        <div class="layui-card-header">
            示例参考
        </div>
        <div class="layui-card-body">
            <div class="layui-row">
                <div class="layui-col-md6">
                    <div class="layui-row">
                        <div class="layui-col-xs12">
                            VUE布局器
                        </div>
                        <div class="layui-col-xs12"><a href="index-element.html" style="color: rgb(30, 144, 255);" target="_blank">element</a></div>
                       <!-- <div class="layui-col-xs12"><a href="index-form.html" style="color: rgb(30, 144, 255);" target="_blank">表单设计器</a></div>-->
                        <div class="layui-col-xs12"><a href="index-antdesign.html" style="color: rgb(30, 144, 255);" target="_blank">antdesign</a></div>
                        <div class="layui-col-xs12"><a href="index-vant.html" style="color: rgb(30, 144, 255);" target="_blank">vant</a></div>
                        <div class="layui-col-xs12"><a href="index-vuetify.html" style="color: rgb(30, 144, 255);" target="_blank">vuetify(待完善)</a></div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-row">
                        <div class="layui-col-xs12">
                            JQUERY布局器
                        </div>
                        <div class="layui-col-xs12"><a href="index-layui.html" style="color: rgb(30, 144, 255);" target="_blank">layui</a></div>
                        <div class="layui-col-xs12"><a href="index-bootstrap4.html" style="color: rgb(30, 144, 255);" target="_blank">Bootstrap4</a></div>
                        <div class="layui-col-xs12"><a href="index-miniui.html" style="color: rgb(30, 144, 255);" target="_blank">miniui</a></div>
                        <div class="layui-col-xs12"></div>
                        <div class="layui-col-xs12"><a href="tools/vue/antdesign-tools.html" style="color: rgb(30, 144, 255);" target="_blank">自动采集工具</a></div>
                        <div class="layui-col-xs12"><a href="http://bbs.magicalcoder.com/user/price" style="color: rgb(30, 144, 255);" target="_blank">获取离线版</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>
